import React, { memo } from 'react'
import { NavBar } from "react-vant";
import { useNavigate } from "react-router";
import { Input, hooks } from 'react-vant'
import style from './index.module.scss'
const Index:React.FC = memo(() => {
    const navigate = useNavigate()
     const [state, updateState] = hooks.useSetState({
    text: '',
  })
  const duihuan =()=>{
     alert('兑换失败')
  }


  return (
    <div className={style.duihuanbox}>
         <NavBar
            title="兑换"
            leftText="返回"
            onClickLeft={() => navigate(-1)}
        />
        <Input
        className={style.input11}
          value={state.text}
          onChange={text => updateState({ text })}
          placeholder='请输入兑换码'
          clearable
        />
        <button className={style.duihuan} onClick={()=>duihuan()}>兑换</button>

       <div className={style.duihuanguize}>
            <span>兑换规则</span>
            <p>1.支持通过优惠兑换码[优惠劵]和[问诊卡兑换金]</p>
            <p>2.兑换得到的[优惠券]可以在"个人中心-我的优惠劵"中查看，您可以通过优惠劵描述，了解如何使用</p>
            <p>3.兑换得到的[问诊卡兑换金]可以在"个人中心-账户 余额 " 中查看；</p>
            <p>4.每个优惠码，仅支持兑换一次</p>
            <p>5.如有任何疑问，请及时与春雨医生工作人员练习。</p>
       </div>
    </div>
  )
})

export default Index